// components/add_pet/index.js
Component({

  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    image_path:'/images/avatar.png',
    imagepath_up:''
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 接收图片路径
    handle_imagepath(e){
      const image_path = e.detail
      this.setData({image_path:image_path,imagepath_up:image_path})
    },
  
    // 提交的交互
    handleSubmit(e) {
      const petData = e.detail.value;
      // 1. 先验证图片是否已选择（如果图片是必填项）
      if (this.data.imagepath_up.length === 0) {
        wx.showToast({
          title: '请上传宠物图片',
          icon: 'none'
        });
        return;
      }
      // 定义所有必填字段（根据你的表单name属性填写）
      const requiredFields = [
        'petname',   // 姓名
        'age',       // 年龄
        'weight',     // 体重
        'gender',    // 性别
        'type',      // 种类
        'Sterilization',       // 是否绝育
        'nature'       // 性格
      ];
      
      // 检查是否有未填写的字段
      const emptyFields = requiredFields.filter(field => {
        // 去除空格后判断是否为空
        return !petData[field] || petData[field].trim() === '';
      });
      
      if (emptyFields.length > 0) {
        // 有未填写的字段，提示用户
        wx.showToast({
          title: `请填写：${emptyFields.join('、')}`,
          icon: 'none',
          
        });
        return; // 不提交
      }
      const petDataWithImages = {
        ...petData,
        images: this.data.imagepath_up // 添加图片路径字段（键名可自定义，如 images）
      };
      
      // 所有必填字段都已填写，提交给父组件
      this.triggerEvent('petldata', petDataWithImages);
      this.triggerEvent('close')
      // 可以添加提交成功的提示
      wx.showToast({
        title: '提交成功',
        icon: 'success'
      });
    }
  }
})